import React from 'react'
import caseimg from '../../assets/case.png'
import { Button } from 'antd-mobile'
import { Outlet, useNavigate } from 'react-router-dom'

function Index() {
  const nav=useNavigate()
  return (
    <div>
<h3 style={{textAlign:'center'}}> 患者案例</h3>
     
       <img src={caseimg} alt="case" style={{textAlign:'center',width:'100%'}}/>
       <div style={{display:'flex',justifyContent:'space-around'}}>
<Button onClick={()=>nav('/case/news')} style={{width:'50vw'}}>最新</Button>
<Button onClick={()=>nav('/case/hot')}  style={{width:'50vw'}}>最热</Button>

       </div>
       <Outlet></Outlet>
    </div>
  )
}


export default Index
